<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>抓拍结果</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css@latest/feidao.css" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../css/daoke.css" />
	<link rel="stylesheet" type="text/css" href="../css/common.css" />
	<link rel="stylesheet" type="text/css" href="../css/min.css" />


</head>

<body>
	<!-- 顶部 -->
	<div class="ht60 common-header">
		<div>
			<h1 class="logo">
				人脸识别管理系统
			</h1>
			<span class="common-header-select">xxx项目演示<i class="iconfont icon-xiala"></i></span>
		</div>
		<div>
			<i class="iconfont icon-weibiaoti- color-f cursor-p" style="font-size:28px"></i>
			<!-- 消息模块 start -->
			<div class="bg-f pos-a radius-5 display-n" style="width: 250px; padding: 10px 15px; top: 65px;right: 32px;z-index: 999999;border: 1px solid #EBEEF5;box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);">
				<div>
					<div class="flex-c" style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;">
						<i class="icon iconfont icon-huiyi1 color-3" style="font-size: 20px;"></i>
						<span style="font-size: 14px;margin: 0 10px" class="color-3">会议管理</span>
						<span style="font-size: 12px;" class="color-6">2019-04-23 09:28</span>
					</div>
					<div class="font14 color-3">
						<div style="margin: 10px 0">张晓丽发起一次会议，需要您参加。</div>
						<div style="margin: 10px 0">会议标题：年度会议</div>
						<div style="margin: 10px 0">开始时间：2019-04-22 19：30</div>
						<div style="margin: 10px 0">结束时间：2019-04-22 19：50</div>
						<div style="margin: 10px 0">李文博提交的通知公告需要您审批。</div>
					</div>
				</div>
				<div>
					<div class="flex-c" style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;">
						<i class="icon iconfont icon-shenpi color-3" style="font-size: 20px;"></i>
						<span style="font-size: 14px;margin: 0 10px" class="color-3">审核</span>
						<span style="font-size: 12px;" class="color-6">2019-04-23 09:28</span>
					</div>
					<div class="font14 color-3" style="margin: 10px 0">
						<span>张志章提交的通知公告需要您审批。</span>
					</div>
				</div>
				<div>
					<div class="flex-c" style="background: #dddddd;height: 35px;line-height: 35px;padding-left: 10px;">
						<i class="icon iconfont icon-shenpi color-3" style="font-size: 20px;"></i>
						<span style="font-size: 14px;margin: 0 10px" class="color-3">审核</span>
						<span style="font-size: 12px;" class="color-6">2019-04-23 09:28</span>
					</div>
					<div class="font14 color-3" style="margin: 10px 0">
						<span>张志章提交的通知公告需要您审批。</span>
					</div>
				</div>
			</div>
			<!-- 消息模块 end -->
			<span class="cursor-p mr-15 ml-15">
				<i class="iconfont icon-touxiang color-f" style="font-size:28px"></i>
				<span class="color-f font14 display-ib" style="margin-left:10px">刘德华</span>
				<!-- 个人信息 start -->
				<div class="infobox pos-a bg-f b-box" style="	box-shadow: 3px 3px 3px 3px rgba(153, 153, 153, 0.35);top: 55px;right: 10px; display: block;z-index: 9999;border: 1px solid #EBEEF5;padding: 10px 0;
                margin: 5px 0;">
					<div class="common-info-item">修改密码</div>
					<div class="common-info-item">退出登录</div>
				</div>
				<!-- 个人信息 start -->
			</span>
		</div>
	</div>
	<!-- 导航 && 页面区域 start-->
	<section class="common-container">
		<!-- 导航 start-->
		<aside>
			<ul>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
				<li>导航导航</li>
			</ul>
		</aside>
		<!-- 导航 end-->


		<!-- 内容区域 start-->
		<div class=" common-container-main">
			<!-- 面包屑 start -->
			<div class="ht40 bg-f flex-c font14 color-3" style="padding:0 20px;margin-bottom: 10px">
				<i class="iconfont icon-nav_user color-3 font20" style="margin-right:10px"></i>
				<span>抓拍结果</span>
			</div>
			<!-- 面包屑 end -->
			<!-- 初始化页面 start -->
			<div class="display-">
				<div class="display-">
					<!-- 第一行 -->
					<div class="flex-js-c bg-f color-3 common_search_flex" style="font-size:14px;padding: 0 20px;">
						<div class="flex-c pt-10">
							<span style="margin-left:16px;width: 100px">抓拍时间：
							</span>
							<div class="flex-c pt-10">
								<input class="text" type="date" />
								<span style="padding:0 5px;">至</span>
								<input class="text" type="date" />
							</div>
						</div>

						<div class="flex-c pt-10">
							<span style="margin-left:16px;width: 60px">抓拍机：</span>
							<select class="select">
								<option>请选择</option>

							</select>
						</div>

						<div class="flex-c pt-10">
							<span style="margin-left:16px;width: 80px">客户类型：</span>
							<select class="select">
								<option>请选择</option>

							</select>
						</div>

						<div class="flex-c pt-10">
							<span style="margin-left:16px;width: 80px">人脸ID：</span>
							<input class="text" />
						</div>

						<!-- 按钮组start -->
						<div class="flex-c pt-10">
							<div class="radius-5 ht30 l-ht30 text-c cursor-p bg-theme display-ib" style="width:30px;margin-left:16px;" title="搜索">
								<i class="iconfont icon-sousuo color-f font18"></i>
							</div>
							<div class="flex-js-c">
								<div>
									<div class="btn ht30 flex-cc" style="min-width:60px;">
										<span>以图搜图</span>
									</div>
								</div>
							</div>

						</div>
					</div>


					<div class="bg-f color-3 p20" style="font-size:14px;min-height: 600px">
						<!-- 表头 start -->
						<div class="t_title">
							<span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">抓拍图生成时间 </span><span class="display-ib p5 border-r-1 text-c b-box"
							 style="width:10%;">抓拍图 </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">匹配人脸</span><span
							 class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">抓拍机 </span><span class="display-ib p5 border-r-1 text-c b-box"
							 style="width:15%;">匹配人脸ID </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">客户类型</span><span
							 class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">置业顾问 </span><span class="display-ib p5 border-r-1 text-c b-box"
							 style="width:10%;">短视频 </span>
						</div>
						<!-- 表头 end -->
						<!-- 表体 start -->
						<div class="t_body display-">
							<div class="tableRow tableRow_my">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:15%;" title="">2019-06-17
									21:58:37</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;"
								 title="">
									<img src="./img/1.jpg" style="width: 80%;height: 85px;" />
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;" title="">
									<img src="./img/1.jpg" style="width: 80%;height: 85px;" />
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;" title="">
									新算法抓拍机长焦-过道
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
									FACE8abe62aeH7646I46dbKb302Hc9b04d8272fe
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
									新客户
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
									小明
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;" title="">
									置业顾问
								</span>
							</div>

						</div>
						<!-- 表体 end -->
						<!-- 分页start -->
						<div class="page display-">
							分页
						</div>
						<!-- 分页end -->

						<!-- 以图搜图列表 开始 -->
						<!-- 表头 start -->
						<div class="t_title">
							<span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">抓拍图生成时间 </span><span class="display-ib p5 border-r-1 text-c b-box"
							 style="width:15%;">抓拍图 </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">抓拍机 </span><span
							 class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">客户类型</span><span class="display-ib p5 border-r-1 text-c b-box"
							 style="width:15%;">置业顾问 </span><span class="display-ib p5 border-r-1 text-c b-box" style="width:10%;">相似度
							</span><span class="display-ib p5 border-r-1 text-c b-box" style="width:15%;">短视频 </span>
						</div>
						<!-- 表头 end -->
						<!-- 表体 start -->
						<div class="t_body display-">
							<div class="tableRow tableRow_my">
								<span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h " style="width:15%;" title="">2019-06-17
									21:58:37</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;"
								 title="">
									<img src="./img/1.jpg" style="width: 80%;height: 85px;" />
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
									新算法抓拍机长焦-过道
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
									新客户
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
									小明
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:10%;" title="">
									高
								</span><span class="display-ib p5 border-r-1 vertical-a-t text-c b-box overflow-h" style="width:15%;" title="">
									置业顾问
								</span>
							</div>

						</div>
						<!-- 表体 end -->
						<!-- 分页start -->
						<div class="page display-">
							分页
						</div>
						<!-- 分页end -->
						<!-- 以图搜图列表 结束 -->
					</div>

				</div>
			</div>
			<!-- 初始化页面 end -->
			<!-- 内容区域 end -->

	</section>

	<!-- 大图 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:540px;margin-top:200px;">
				<div class="font14 bg-theme color-f ht40 l-ht40" style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close" data-feidao-actions="click:eu-001"></i>大图
				</div>
				<div class="p20">
					<img src="./img/1.jpg">
				</div>
			</div>
		</div>
	</div>
	<!-- 大图 end -->


	<!-- 置为风险弹框 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:340px;margin-top:200px;">
				<div class="font14 bg-theme color-f ht40 l-ht40" style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close" data-feidao-actions="click:eu-001"></i>提示
				</div>
				<div class="p20">
					<div class="ht40 l-ht40 text-c color-6">
						<span>是否置为风险客户？</span>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="确认" class="btn" style="width: 50px;">
						<input type="button" value="取消" class="cbtn" style="width: 50px;margin-left: 60px;">
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 置为风险弹框 end -->




	<!-- 加载短视频弹框 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:540px;margin-top:200px;">
				<div class="font14 bg-theme color-f ht40 l-ht40" style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close" data-feidao-actions="click:eu-001"></i>大图
				</div>
				<div class="p20">
					<video style="width: 100%;" src="http://wangxiaobao-faceid-prod.oss-cn-beijing.aliyuncs.com/2019/6/17/DCYXJHCS5/FACE8abe62aeH7646I46dbKb302Hc9b04d8272fe/BB29C4DB4D5F48BC99BB0E66CF051213_DS-2CD7A47FWD-XZS20190426AACHD13931763_172-16-0-250_1560779917256_342_58_FACE172.16.0.21337Time20190617215832Time20190617215842.mp4"
					 controls="controls" autoplay="autoplay"></video>
				</div>
			</div>
		</div>
	</div>

	<!-- 加载短视频弹框 start -->

	<!-- 以图搜图上传图片start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-a text-c ht100 w100 font12 display-n" style="z-index:120;">
		<div class="flex-cc w100">
			<div class="bg-f overflow-h text-l" style="border-radius:4px;width:700px;margin-top:50px;">
				<div class="font14 bg-theme color-f ht40 l-ht40" style="padding:0 10px;border-top-left-radius: 4px;border-top-right-radius: 4px">
					<i class="icon iconfont icon-guanbi1 fr text-c cursor-p font16" title="close"></i>以图搜图
				</div>
				<!-- 上传图片 -->
				<div style="margin-top: 20px ;display: flex;align-items: flex-start">
					<div style="width:100px;height:20px">
						<span class="display-ib font14 fr">
							<span class="color-red">
								*
							</span>
							图片：
						</span>
					</div>
					<div class="radius-4 display-ib pos-r cursor-p l-ht30 text-c" style="width:120px;height:120px;border: 1px dashed #ddd;">
						<div style="margin-top:30px;">
							<div><i class="iconfont icon-icon-tianjia font24"></i></div>
							<div>上传图片</div>
						</div>
					</div>
					<div class="ml-20">
						<p class=""><strong>提示:</strong></p>
						<p>标准照中的人脸宽高应大于100*100像素，像素越高越好</p>
						<p>入库的标准照要求绝对清晰，需要能够非常清楚的分辨出人脸轮廓和五官</p>
						<p class="color-red">只能上传一张图片，支持jpg/jpeg/png/bmp格式，且不超过4M</p>
					</div>
				</div>
				<!-- 确定 -->
				<div class="text-c mt-20 mb-20">
					<input type="button" value="确认" class="btn" style="width: 50px;">
				</div>
			</div>
		</div>
	</div>
	<!-- 以图搜图上传图片end -->


	</div>

	<style>

	</style>
</body>

</html>